
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>layout 后台大布局 - Layui</title>
		<link rel="stylesheet" href="css/layui.css">
		<script src="js/vue.js"></script>
		<link rel="stylesheet" type="text/css" href="css/modules/mylay.css"/>
	</head>
		
		
	<body  class="layui-layout-body">
		<div id="root" class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">{{msg}}</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item">
						<a href="">财务管理</a>
					</li>
					<li class="layui-nav-item">
						<a href="">合同管理</a>
					</li>
					<li class="layui-nav-item">
						<a href="">组织管理</a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">其它系统</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">邮件管理</a>
							</dd>
							<dd>
								<a href="">消息管理</a>
							</dd>
							<dd>
								<a href="">授权管理</a>
							</dd> </dl> </li> </ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;"> <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心 </a>
						<dl class="layui-nav-child">
							<dd>
								<a href="">基本资料</a>
							</dd>
							<dd>
								<a href="">安全设置</a>
							</dd> </dl> </li>
					<li class="layui-nav-item">
						<a href="">注销</a>
					</li> </ul> </div> 
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">所有商品</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;">列表一</a>
								</dd>
								<dd>
									<a href="javascript:;">列表二</a>
								</dd>
								<dd>
									<a href="javascript:;">列表三</a>
								</dd>
								<dd>
									<a href="">超链接</a>
								</dd> </dl> </li>
						<li class="layui-nav-item">
							<a href="javascript:;">解决方案</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;">列表一</a>
								</dd>
								<dd>
									<a href="javascript:;">列表二</a>
								</dd>
								<dd>
									<a href="">超链接</a>
								</dd> </dl> </li>
						<li class="layui-nav-item">
							<a href="">云市场</a>
						</li>
						<li class="layui-nav-item">
							<a href="">发布商品</a>
						</li> </ul> </div> </div> 
				<div class="layui-body">
					<!-- 内容主体区域 -->
					<div style="padding: 15px;">
						<div class="layui-form-item">
							<label class="layui-form-label">输入框</label>
							<div class="layui-input-block">
								<input type="text" name="title" value="" class="layui-input hasError">
							</div>
						</div>
					</div>
				</div>
				
			<div class="layui-footer">
				<!-- 底部固定区域 --> © layui.com - 底部固定区域 </div></div>
		<script src="js/layui.all.js"></script>
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/myown.js" ></script>
		
		<script>
			 //JavaScript代码区域layui.use('element', function(){  var element = layui.element;  });
			
			 
		</script></body>

</html>